Custom liquid

The Custom Liquid section empowers users to enhance their store's functionality by adding custom liquid code directly into their templates. This feature is particularly beneficial for integrating third-party applications or displaying specific data stored in metafields, offering a personalized shopping experience.

Key settings include the ability to insert custom code and control the section's visibility across different devices. The visibility options allow users to optimize their store's layout by choosing to hide the section on desktop or mobile devices, ensuring a seamless user experience.

Practical usage examples include integrating third-party apps like chat widgets or analytics tools, and displaying metafields on the frontend. By leveraging these capabilities, users can create a customized and efficient store layout that meets their specific needs.

Overview

The Custom Liquid section is designed to allow users to add custom liquid code into their templates. This feature is particularly useful for integrating third-party applications or displaying metafields directly on the frontend. It provides flexibility for users who want to customize their store's functionality beyond the standard options.

Key components and functionality

Custom liquid

This setting allows you to insert custom liquid code into your template. It is ideal for advanced users who want to integrate specific functionalities or third-party applications directly into their store's layout. This setting does not have predefined options or defaults, as it is meant for custom code input.

Visibility

The visibility setting controls how the section is displayed across different devices. It offers options to hide the section on specific devices, ensuring that your store's layout is optimized for various screen sizes.

1. Display visibility: This setting allows you to choose when the section should be hidden.
   • Do not hide: The section will be visible on all devices.
   • Hide on desktop: The section will be hidden when viewed on desktop devices.
   • Hide on mobile: The section will be hidden when viewed on mobile devices.
   • Default: Do not hide

Usage examples

1. Integrating a third-party app: Use the custom liquid setting to add code snippets provided by third-party applications, such as chat widgets or analytics tools, directly into your store's template.

2. Displaying metafields: If you have specific data stored in metafields, you can use custom liquid code to display this information on your store's frontend, providing a personalized shopping experience for your customers.

3. Responsive design: Utilize the visibility settings to ensure that your custom liquid section is only displayed on devices where it enhances the user experience, such as hiding complex code on mobile devices to improve load times and usability.

By leveraging these settings, you can enhance your store's functionality and appearance, ensuring a seamless and customized shopping experience for your customers.